<ui:composition 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
        <f:view>
            <f:loadBundle basename="bundle.messages" var="msg"/>
            <h1><h:outputLabel>#{msg.intro_search}</h:outputLabel></h1>
            <h:form id="findproposal">
                <p:panelGrid>
                    
                    <p:row>
                        <p:column><h:outputLabel for="destino" value="#{msg.destino}"/></p:column>
                        <p:column>
                            <h:selectOneMenu id="destino" value="#{listaPropuestas.paisDestino}" label="#{msg.destino}">
                                <f:selectItem itemLabel=" " noSelectionOption="true"/>
                                <f:selectItems value="#{listaPropuestas.paisSelect}"/>
                            </h:selectOneMenu>
                        </p:column>
                        <p:column>
                        <p:message for="destino"/>
                        </p:column>
                    </p:row>
                    
                   <p:row>
                        <p:column><h:outputLabel for="fecha_ini" value="#{msg.date_between} "/></p:column>
                        <p:column>
                        <p:calendar id="fecha_ini" navigator="true" value="#{listaPropuestas.fechaIni}" label="#{msg.date_ini}" 
                                    pattern="dd/MM/yyyy" yearRange="c:c+2" size="10" binding="#{bfecha_ini}">
                            <p:ajax listener="#{listaPropuestas.listenFechaIniChange()}"/>
                        </p:calendar>    
                        <h:outputLabel value=" #{msg.y} "/>
                        <p:calendar id="fecha_fin" navigator="true" value="#{listaPropuestas.fechaFin}" label="#{msg.date_fin}" 
                                    pattern="dd/MM/yyyy" yearRange="c:c+2" size="10" validator="dateBiValidator">
                            <f:attribute name="fecha_ini" value="#{bfecha_ini.value}"/>
                        </p:calendar>
                        </p:column>
                    </p:row> 
                    
                    <p:row>
                        <p:column><h:outputLabel value="#{msg.ndias_between}"/></p:column>
                        <p:column>
                            <p:inputText id="ndiasmin" value="#{listaPropuestas.numDiasMin}" label="#{msg.ndiasmin}" 
                                         binding="#{ndias}" size="2">
                                <p:ajax listener="#{listaPropuestas.listenNDiasMinChange()}"/>
                            </p:inputText>
                            <h:outputLabel value=" #{msg.y} "/>
                            <p:inputText id="ndiasmax" value="#{listaPropuestas.numDiasMax}" label="#{msg.ndiasmax}" 
                                         size="2" validator="numDiasValidator">
                                <f:attribute name="ndias" value="#{ndias.value}"/>
                            </p:inputText>
                            
                        </p:column>
                    </p:row>
                    
                    <p:row>
                        <p:column><h:outputLabel value="#{msg.planeco}"/></p:column>
                        <p:column>
                            <h:selectOneListbox id="plan_eco" value="#{listaPropuestas.planEco}" label="#{msg.planeco}">
                                <f:selectItem itemLabel=" " noSelectionOption="true"/>
                                <f:selectItems value="#{listaPropuestas.plEcoSelect}"/>
                                <p:ajax update="panel_plan_eco" listener="#{listaPropuestas.listenPlanChange}"/>                                                                
                            </h:selectOneListbox>
                        </p:column><p:column>
                            <p:panel id="panel_plan_eco"  style="width: 170px;">
                                <h:outputText value="#{listaPropuestas.descriplan}" />
                            </p:panel>
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:message for="ndiasmax"/>
                <p:message for="ndiasmin"/>
                <p:message for="fecha_ini"/>
                <p:message for="fecha_fin"/>
                <p:commandButton rendered="#{!usuarioSesion.login}" action="#{listaPropuestas.doBuscarToListado()}"
                                 ajax="false" value="#{msg.search}" update="#{listaPropuestas.update()}">
                    <f:param name="validar" value="true"/>
                </p:commandButton>
                <p:commandButton rendered="#{usuarioSesion.login}" action="#{listaPropuestas.doBuscarToMenu()}"
                                             ajax="false" value="#{msg.search}">
                    <f:param name="validar" value="true"/>
                </p:commandButton>

            </h:form>
        </f:view>
</ui:composition>